
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="css/easyui.css">
        <link rel="stylesheet" type="text/css" href="css/icon.css">
        <link href="css/fontstyle.css" rel="stylesheet" type="text/css" charset="utf-8" />
        <link href="css/style.css" rel="stylesheet" type="text/css" charset="utf-8" />


        <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
        <script src="popup.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function(){
                $('#ff').form({
                    success:function(data){
                        $.messager.alert('Info', data, 'info');
                    }
                });
            });

            function submitform() {
                $("form:first").submit();
                disablePopup();
                //$("#popupContact").hide();
            }

            function submitThisForm() {
                centerPopup();
                //load popup
                loadPopup();
            }
        </script>


        <style type="text/css">
            html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
            font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
            tfoot, thead, tr, th, td {
                border:0pt none;
                font-family:inherit;
                font-size:100%;
                font-style:inherit;
                font-weight:inherit;
                margin:0pt;
                padding:0pt;
                vertical-align:baseline;
            }
            body{
                background:#fff none repeat scroll 0%;
                line-height:1;
                font-size: 12px;
                font-family:arial,sans-serif;
                margin:0pt;
                height:100%;
            }
            table {
                border-collapse:separate;
                border-spacing:0pt;
            }
            caption, th, td {
                font-weight:normal;
                text-align:left;
            }
            blockquote:before, blockquote:after, q:before, q:after {
                content:"";
            }
            blockquote, q {
                quotes:"" "";
            }
            a{
                cursor: pointer;
                text-decoration:none;
            }
            br.both{
                clear:both;
            }
            #backgroundPopup{
                display:none;
                position:fixed;
                _position:absolute; /* hack for internet explorer 6*/
                height:100%;
                width:100%;
                top:0;
                left:0;
                background:#000000;
                border:1px solid #cecece;
                z-index:1;
            }
            #popupContact{
                display:none;
                position:fixed;
                _position:absolute; /* hack for internet explorer 6*/
                height:450px;
                width:448px;
                background:#FFFFFF;
                border:2px solid #cecece;
                z-index:2;
                padding:12px;
                font-size:13px;
            }
            #popupContact h1{
                text-align:left;
                color:#6FA5FD;
                font-size:22px;
                font-weight:700;
                border-bottom:1px dotted #D3D3D3;
                padding-bottom:2px;
                margin-bottom:20px;
            }
            #popupContactClose{
                font-size:14px;
                line-height:14px;
                right:6px;
                top:4px;
                position:absolute;
                color:#6fa5fd;
                font-weight:700;
                display:block;
            }
            #button{
                text-align:center;
                margin:100px;
            }
        </style>

    </head>
    <body>
        <center>
            <!-- <div id="button"><input type="submit" value="Popup!" /></div> -->
            <div id="button" value="test">test</div>
        </center>
        <div id="popupContact">
            <a id="popupContactClose">
                <img src="images/closeform.png"
                     style="margin-right: -25px; margin-top: -25px;"/>
            </a>

            <form id="ff" action="contact_proc.php" method="post">
                <div id="contactus_content_18">
                    PLEASE FILL THIS FORM
                </div>
                <div id="spacer"></div>
                <div id="contactus_content_14">
                    And Let us Help you to contact our partner Travel Agency.
                </div>

                <div id="spacer"></div>

                <div id="contactus_content_14">
                    <table border="0" width="100%" cellspacing="1" cellpadding="1" id="contactus_content_14">
                        <tr>
                            <td width="40%">
                                <div class="textbox">
                                    <div class="lbinput"><label>YOUR NAME</label></div>
                                    <input class="textboxa" type="text" name="txtname" id="txtname" />
                                </div>
                            </td>
                        </tr>

                        <tr>
                            <td width="40%">
                                <div class="textbox">
                                    <div class="lbinput"><label>YOUR EMAIL</label></div>
                                    <input class="textboxa" type="text" name="txtmail" id="txtmail" size="29" />
                                </div>
                            </td>
                        </tr>

                        <tr>
                            <td width="40%">
                                <div class="textbox">
                                    <div class="lbinput"><label>DOMISILI</label></div>
                                    <input class="textboxa" type="text" name="txtmail" id="txtdomisili" size="29" />
                                </div>
                            </td>
                        </tr>

                        <tr>
                            <td width="40%">
                                <div class="textbox">
                                    <div class="lbinput"><label>SUBJECT</label></div>
                                    <input class="textboxa" type="text" name="txtsubject" id="txtsubject" size="29" />
                                </div>
                            </td>
                        </tr>

                        <tr>
                            <td width="40%">
                                <div class="textarea">
                                    <div class="lbinput"><label>MESSAGE</label></div>
                                    <textarea class="textareaa" name="txtmsg" id="txtmsg"></textarea>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" width="40%" align="right">
                                <img class="submitlink"
                                     src="images/submit_btn.png"
                                     onclick="submitform();"/>
                            </td>
                        </tr>
                    </table>
                </div>
            </form>
        </div>
        <div id="backgroundPopup"></div>
    </body>
</html>